<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<link  th:href="@{/js/plugins/layui/css/layui.css}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/css/plugins/webuploader/webuploader.css">
<script src="/js/plugins/layui/layui.js"></script>
<script src="/js/plugins/webuploader/webuploader.min.js"></script>
<body class="gray-bg">
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <div class="file-manager">
                            <h5>上传素材:选择类型如下</h5>
                            <!-- <a href="file_manager.html#" class="file-control active">所有</a>
                            <a href="file_manager.html#" class="file-control">图片</a>
                            <a href="file_manager.html#" class="file-control">视频</a>
                            <a href="file_manager.html#" class="file-control">音频</a>
                            <a href="file_manager.html#" class="file-control">缩略图</a> -->
                            <div class="hr-line-dashed"></div>
                            <button class="btn btn-primary btn-block" onclick="upload('image')">图片</button>
                            <div class="hr-line-dashed"></div>
                            
                            <button class="btn btn-primary btn-block" onclick="upload('video')">视频</button>
                            <div class="hr-line-dashed"></div>
                            
                            <button class="btn btn-primary btn-block" onclick="upload('voice')">音频</button>
                            <div class="hr-line-dashed"></div>
                            
                            <button class="btn btn-primary btn-block" onclick="upload('article')">图文消息</button>
                            <div class="hr-line-dashed"></div>
                            
                            <!-- <h5>文件夹</h5> -->
                            <ul class="folder-list" style="padding: 0">
                                <li onclick="reloadByType('')"><a href="#"><i class="fa fa-folder"></i> 全部</a>
                                </li>
                                <li onclick="reloadByType('image')"><a href="#"><i class="fa fa-folder"></i> 图片</a>
                                </li>
                                <li onclick="reloadByType('voice')"><a href="#"><i class="fa fa-folder"></i> 音频</a>
                                </li>
                                <li onclick="reloadByType('video')"><a href="#"><i class="fa fa-folder"></i> 视频</a>
                                </li>
                                <li><a href="#"><i class="fa fa-folder"></i> 图文消息</a>
                                </li>
                            </ul>
                            <!-- <h5 class="tag-title">标签</h5>
                            <ul class="tag-list" style="padding: 0">
                                <li><a href="file_manager.html">爱人</a>
                                </li>
                                <li><a href="file_manager.html">工作</a>
                                </li>
                                <li><a href="file_manager.html">家庭</a>
                                </li>
                                <li><a href="file_manager.html">孩子</a>
                                </li>
                                <li><a href="file_manager.html">假期</a>
                                </li>
                                <li><a href="file_manager.html">音乐</a>
                                </li>
                                <li><a href="file_manager.html">照片</a>
                                </li>
                                <li><a href="file_manager.html">电影</a>
                                </li>
                            </ul> -->
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-9 animated fadeInRight">
                <div class="row">
                    <div class="col-sm-12" id="files">
                        <!-- <div class="file-box">
                            <div class="file">
                                <a href="file_manager.html#">
                                    <span class="corner"></span>

                                    <div class="icon">
                                        <i class="fa fa-file"></i>
                                    </div>
                                    <div class="file-name">
                                        Document_2014.doc
                                        <br/>
                                        <small>添加时间：2014-10-13</small>
                                    </div>
                                </a>
                            </div>
                        </div> -->
                    </div>
                </div>
                <div class="row">
                <div class="col-sm-12"><div id="test1"></div></div>
                </div>
            </div>
        </div>
    </div>
    
    <div th:include="include :: footer"></div>
    <script src="/js/common/content.js?v=1.0.0"></script>
    <script type="text/javascript" src="/js/business/system/wxmaterial/index.js"></script>
</body>

</html>
